<template>
  <div>
    <router-view></router-view>
    <router-link to="/survey/baseMessage"><span class="survey" style="background-color: #fff;">调查问卷</span></router-link>
    <van-tabbar v-model="active">
      <van-tabbar-item icon="wap-home" replace to="/frame/home">首页</van-tabbar-item>
      <van-tabbar-item icon="comment" replace to="/frame/message">信息</van-tabbar-item>
      <van-tabbar-item icon="description" replace to="/frame/scheme">方案</van-tabbar-item>
      <van-tabbar-item icon="friends" replace to="/frame/us">我们</van-tabbar-item>
    </van-tabbar>
  </div>
</template>

<script>
import { Toast } from 'vant'
export default {
  name: 'framePage',
  data () {
    return {
      active: 0
    }
  },
  methods: {
    onRefresh () {
      setTimeout(() => {
        Toast('刷新成功')
        this.isLoading = false
        this.count++
      }, 1000)
    }
  }
}
</script>

<style scoped>
  .survey{
    position: fixed;
    left: 50%;
    bottom: 6%;
    transform: translate(-50%,-50%);
    padding: 0 15px;
    height: 36px;
    line-height: 36px;
    border-radius:18px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    color: rgba(0, 0, 0,.7);
  }
</style>
